/*
 * @作者: 京涛
 * @时间: 2020-09-10 19:47:04
 * @最后修改时间: 2020-09-11 20:15:46
 * @FilePath: \曲美家具项目\js\public.js
 * @项目名称: 每天都要记得写代码啊！
 */
$(document).ready(function () {
  /**
   * 在线客服
   */
  //点击在线客服按钮，将左侧图片隐藏，点击第一次隐藏，第二次显示
  $(".serviceOnlineRight").click(function () {
    $(".serviceOnlineLeft").toggleClass("hidden");
  });

  /**
   * 右侧的返回顶部挂件
   * 页面刚开始的时候是显示position:absolute;
   * 当页面滚动距离大于400px的时候，显示position:fixed;
   */
  if ($(this).scrollTop() < 400) {
    var derail = true;
  } else {
    var derail = false;
  }
  $(document).scroll(function () {
    // console.log(derail);
    var scrollTop = $(this).scrollTop();
    // console.log($(this).scrollTop());
    // console.log($("body").height());
    if (scrollTop < 400 && derail == true) {
      derail = false;
      $(".navFixedInit").removeClass("navFixedAfter");
      //当滚动距离小于400的时候不显示底部的预约菜单
      $(".bottomFixed").attr(
        "class",
        "bottomFixed bottomFixedInit bottomFixedAfter"
      );
    }
    if (scrollTop >= 400 && derail == false) {
      derail = true;
      $(".navFixedInit").addClass("navFixedAfter");
      //当滚动距离大于400的时候显示底部的预约菜单
      $(".bottomFixed").attr("class", "bottomFixed bottomFixedInit");
    }
    if (($("body").height() - scrollTop) <= 1200) {
      $(".navFixedInit").addClass("hidden");
    } else {
      $(".navFixedInit").removeClass("hidden");
    }
  });

  //点击返回顶部的按钮，将页面滚动到最上面
  $(".topReturn").click(function () {
    $("html,body").animate({
      scrollTop: 0
    }, 500);
  });

  /**
   * 点击固定定位的预约关闭按钮，底部显示另外一个状态
   */
  $(".bottomFixedClose").click(function () {
    $(".bottomFixedInit").attr("class", "bottomFixed bottomFixedClosed");
  });
  $(".showFixedImg").click(function () {
    $(".bottomFixed").attr("class", "bottomFixed bottomFixedInit");
  });

  /**
   * 第一次加载页面的时候出现弹窗，关闭了之后就不会再显示
   */
  $(".adClose").click(function () {
    $(".ad").css({
      display: "none",
    });
  });
});